<script>
                $(function(){
                    //点击全选商品
                    $('.quanxuanup').click(function(){
                        //prop的意思是使抓取到的所有input标签的checked属性的值，
                        // 具有和当前点击的这个input标签的checked属性相同的值
                        $("input[type='checkbox']").prop("checked", $(this).prop("checked"));

                    })
                    //点击加减商品
                    $('.down').click(function(){
                        //加商品

                        var number=parseInt($(this).parent().find($("input[type='text']")).attr('value'))+1;
                        var kucun=$(this).parent().find($("input:hidden[name=kucun]")).attr('value');
                        if(number<=kucun){
                            $(this).parent().find($("input[type='text']")).attr('value',number);
                        }else{
                            alert('对不起，我们的存货只有这么多了');
                        }
                        //异步更新session里面的商品
                        var This=$(this);
                        var num=$(this).parent().find($("input[type='text']")).attr('value');
                        var onlysid=$(this).attr('sid');
                        $.post("{{u('shopcar.updses')}}",{sid:onlysid,num:num},function(res){
                            This.parents('.td_num').siblings('.td_sum').find('.udsum').html(res.sum);
                            $('.zongji').html(res.total);
                        },'json')
                    })
                    $('.up').click(function(){
                        //减商品
                        var number=parseInt($(this).parent().find($("input[type='text']")).attr('value'))-1;
                        if(number>0){
                            $(this).parent().find($("input[type='text']")).attr('value',number);
                        }else{
                            $(this).parent().find($("input[type='text']")).val(1);
                        }
                        //异步更新session里面的商品
                        var This=$(this);
                        var num=$(this).parent().find($("input[type='text']")).attr('value');
                        var onlysid=$(this).attr('sid');
                        $.post("{{u('shopcar.updses')}}",{sid:onlysid,num:num},function(res){
                            This.parents('.td_num').siblings('.td_sum').find('.udsum').html(res.sum);
                            $('.zongji').html(res.total);
                        },'json')
                    })
                    //失去焦点事件
                    $("input[type='text']").blur(function(){
                        var number=$(this).attr('value');
                        var dkucun=$(this).parent().find($("input:hidden[name=kucun]")).attr('value');

                        if(number-dkucun>0){
                            $(this).attr('value',dkucun);
                            alert('此类商品最多可购买'+dkucun+'件商品');
                        }
                        if(number<1){
                            $(this).val(1);
                        }
                        //异步更新session里面的商品
                        var This=$(this);
                        var num=$(this).attr('value');
                        var onlysid=$(this).attr('sid');
                        $.post("{{u('shopcar.updses')}}",{sid:onlysid,num:num},function(res){
                            This.parents('.td_num').siblings('.td_sum').find('.udsum').html(res.sum);
                            $('.zongji').html(res.total);
                        },'json')
                    })
                })
            </script>
            <script>
                $(function(){
                    //商品全选中计算价格
                    $('.quanxuanup').click(function(){
                        var This=$(this);
                        $.post("{{u('shopcar.gettotal')}}",{abc:1},function(res){
                            if(This.prop("checked")){
                                $('.zongji').html(res);
                            }else{
                                $('.zongji').html(0);
                            }
                        },'json')
                    })
                    //商品单个选中计算价格
                    $('input:checkbox[name=evecheck]').click(function(){
                        var everys =parseInt($(this).parent().siblings('.td_sum').find('span').html());
                        var zongji=parseInt($('.zongji').html());
                        $('.quanxuanup').removeAttr('checked');
                        if($(this).attr('checked')){
                            $('.zongji').html(zongji+everys);
                        }else{
                            $('.zongji').html(zongji-everys);
                        }
                    })
                    //点击删除商品
                    $('{{__ROOT__}}/resource/home/').click(function(){
                        var sid=$(this).attr('sid');
                        var num=$(this).parent().siblings('.td_num').find("input[type=text]").val();
                        var price=$(this).parent().siblings('.td_price').find('b').html();
                        $.post("{{u('shopcar.delthis')}}",{sid:sid,num:num,price:price},function(res){
                            $('.zongji').html(res.totals);
                        },'json')
                        $(this).parents('table').remove();
                    })
                })
            </script>







<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>购物车列表页</title>
	<link rel="stylesheet" type="text/css" href="{{__ROOT__}}/resource/home/css/index.css" />
	<script src="{{__ROOT__}}/resource/home/js/jquery.11.min.js"></script>
	<script src="{{__ROOT__}}/resource/home/js/index.js"></script>
</head>

<body>
<!--顶部导航-->
<div id="top">
	<div class="left">
		<ul class="class">

			<li class="class">
				<a href="">品牌官网</a><span>|</span></li>
			<li class="class">
				<a href="">炫耀官网</a><span>|</span></li>
			<li class="father">
				<div class="title">
					<a href="">软件管理</a><i></i></div>

				<div class="hiden">
					<a href="">开发者联盟</a>
					<a href="">EMU</a>
					<a href="">应用市场</a>
					<a href="">云服务</a>
				</div>

			</li>
			<li class="class">
				<a href="">花粉俱乐部</a><span>|</span></li>
			<li class="class">
				<a href="">Select Regoin</a>
			</li>

		</ul>
	</div>
	<div class="right">
		<ul>
			<li>
				<strong><a href="">登录</a></strong>&nbsp;
				<strong><a href="">注册 </a></strong>

			</li>
			<span>|</span>

			<li>
				<a href="">我的订单</a>

			</li>
			<span>|</span>
			<li>
				<a href="">V码（优购码)</a>&nbsp;

			</li>
			<span>|</span>
			<li>
				<a href="">手机版</a>&nbsp;

			</li>
			<span>|</span>
			<li>
				<div class="title">
					<a href="" class="font">网站导航</a><i></i>
				</div>
				<div class="hiden">
					<a href="">网站导航</a>
					<a href="">网站导航</a>
					<a href="">网站导航</a>
					<a href="">网站导航</a>
				</div>

			</li>

		</ul>
	</div>
</div>
<!--顶部灰条结束-->
<!--***********************子类继承开始*****************************-->
<div class="header">
	<div class="shopping">
		<!--logo开始-->
		<div class="logo">
			<a href="mapLink">
				<img src="{{__ROOT__}}/resource/home/images/logo.png" alt="" />
			</a>
		</div>

		<!--logo 结束***8右侧不继承自己自编辑-->
		<div class="list_header_right">
			<!--我的购物车 流程条-->
			<div class="list_header_right_Mycar"> 我的购物车</div>
			<!--<div class="list_header_right_checkOrder"> 填写核对订单</div>-->
			<!--<div class="list_header_right_successOrder">成功递交订单</div>-->

		</div>
	</div>
</div>
<!--SC子类继承**************888-->
<!--购物车列表详情-->

<div class="list_content">
	<!--上部主要内容开始-->
	<div class="list_content_top">
		<!--顶部标题-->
		<div class="list_content_top_header">
			<table border="0" cellspacing="0" cellpadding="0">
				<tr>
					<th class="checkbox anycheck" width="28">
						<!--						顶部全选复选框-->
						<input id="checkAll-top" type="checkbox"   class="quanxuan"  value="" />
					</th>
					<th class="commodity" width="617">
						商品
					</th>
					<th width="155">
						单价(元)
					</th>
					<th width="140">数量</th>
					<th width="140">小计(元)</th>
					<th width="100">操作</th>
				</tr>
			</table>

		</div>
		<!--顶部标题结束-->
		<!--form表单开始****8-->


		<div class="list_content_top_content">
			<foreach from="$goodsData['goods']" key="$k" value="$v">
				<div class="list_content_top_content_son">
					<table border="0" cellspacing="0" cellpadding="0">
						<tr>
							<!--rowspan是变量-->
							<td class="tr-check" rowspan="4" >
								<!--									单选复选框-->
								<input type="checkbox" name=""  xiaoji="" id="" value="" class="checkbox"/>
							</td>
							<td class="content">

								<div class="box">
									<p class="p_img">
										<a href="{{u('show.index',['gid'=>$v['id']])}}">
											<img src="{{$v['pic']}}"/>
										</a>
									</p>
									<a href="{{u('show.index',['gid'=>$v['id']])}}">
										{{$v['name']}}  {{$v['options']['选择制式']}}（{{$v['options']['颜色']}}）

									</a>
									<em>
										颜色： {{$v['options']['颜色']}}<br>
										库存：<b>{{$v['kucun']}}</b>
									</em>


								</div>
							</td>
							<!--单价框-->
							<td class="money">
								<span class="danjia">￥<em>{{$v['price']}}</em></span>
							</td>
							<!--rowspan是变量     统计购买数量-->

							<td rowspan="4" class="total">
								<div class="big_number">
									<!--										加减按钮-->
									<div class="big_number_content">
										<a href="javascriput:;" title="加" class="add"> +</a>
										<input type="text" sid="{{$k}}" class="num" value="{{$v['num']}}" />
										<a href="javascriput:;" title="减"class="minus">-</a>

									</div>

								</div>

							</td>
							<!--								点击改变数量Js-->

							<!--小计-->
							<td rowspan="4" class="total totalxiaoji">
								<b class="xiaoji">¥<em>{{$v['total']}}</em></b>
							</td>
							<!--操作-->
							<td rowspan="4" class="total">
								<a href="" class="del"> 删除</a>
							</td>

						</tr>
						<!--复制子类商品-->
						<!--							<tr>
														<td class="content padding">
															<div class="box">
																<p class="p_img">
																	<a href="">
																		<img src="images/Hot_tou.jpg"/>
																	</a>
																</p>
																<a href="">
																	HUAWEI G9 Plus 联通4G版（铂雅金）

																</a>
																<em>
																	颜色： 铂雅金
																</em>


															</div>
														</td>
														单价框
														<td class="money">
															<span>￥2399.00</span>
														</td>

													</tr>
													<tr>
														<td class="content padding">
															<div class="box">
																<p class="p_img">
																	<a href="">
																		<img src="images/Hot_tou.jpg"/>
																	</a>
																</p>
																<a href="">
																	HUAWEI G9 Plus 联通4G版（铂雅金）

																</a>
																<em>
																	颜色： 铂雅金
																</em>


															</div>
														</td>
														单价框
														<td class="money">
															<span>￥2399.00</span>
														</td>

													</tr>-->

					</table>

				</div>
			</foreach>
			<script>
				$(function(){
//						加
					$('.big_number .add').click(function(){
						var num=$(this).siblings('.num').val();
						num++
//							判断库存数据
						var kucun=$(this).parents('.total').siblings('.content').find('.box em b').text();
						if(kucun-num<0){
							alert('库存不足');
							return;
						}
//							把数字写进去
						$(this).siblings('.num').val(num);
//							获取单价修改小计
						var danjia=$(this).parents('.total').siblings('.money').find('span em').text();
						var danjia=parseInt(danjia)
						var xiaoji=danjia*num;
//							写入小计
						$(this).parents('.total').siblings('.total').find('b em').html(xiaoji);

//							判断当前点击的有没有被选中 $(this).is('.select')
						var check=$(this).parents('.total').siblings('.tr-check').find('.checkbox');
						if(check.is('.select')){
//								写入属性用属性计算

							check.attr('xiaoji',xiaoji);
							var a=check.attr('xiaoji')

//								计算总金额
							var n=0;

							$.each($('.select'),function(){
								n+=parseInt($(this).attr('xiaoji'));
							})


//								写入总金额
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );
						}
//							异步数据
						var data={
							num:$(this).siblings('.num').val(),
							sid:$(this).siblings('.num').attr('sid'),
						}
						//发送异步
						$.post("{{u('ajaxEdit')}}",data,function(res){

						},'json');


					})
//						减
					$('.big_number .minus').click(function(){
						var num=$(this).siblings('.num').val();
						num--
						if(num<=0){
							num=1
						}
//							判断库存数据
						var kucun=$(this).parents('.total').siblings('.content').find('.box em b').text();
						if(kucun-num<0){
							alert('库存不足');
							return;
						}
						$(this).siblings('.num').val(num)
						var danjia=$(this).parents('.total').siblings('.money').find('span em').text();
						var danjia=parseInt(danjia);
						var xiaoji=danjia*num;
						$(this).parents('.total').siblings('.total').find('b em').html(xiaoji);
						//							判断当前点击的有没有被选中 $(this).is('.select')
						var check=$(this).parents('.total').siblings('.tr-check').find('.checkbox');
						if(check.is('.select')){

//								写入属性用属性计算
							check.attr('xiaoji',xiaoji);
//								计算总金额


							var n=0;
							$.each($('.select'),function(){
								n+=parseInt($(this).attr('xiaoji'));
							})

//								写入总金额
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );
						}
//							发送异步
						var data={
							num:$(this).siblings('.num').val(),
							sid:$(this).siblings('.num').attr('sid'),
						}
						$.post("{{u('ajaxEdit')}}",data,function(res){

						},'json');
					})
//						失去焦点事件
					$('.big_number .minus').siblings('.num').blur(function(){
						var num=$(this).val();
						var num=Number(num)
						if(num<=0||!num){
							num=1
						}
						$(this).val(num);
//							判断库存数据
						var kucun=$(this).parents('.total').siblings('.content').find('.box em b').text();
						if(kucun-num<0){

							alert('库存不足');
							return;
						}
//
						var danjia=$(this).parents('.total').siblings('.money').find('span em').text();
						var danjia=parseInt(danjia);
//							写入小计
						var xiaoji=danjia*num;
						$(this).parents('.total').siblings('.total').find('b em').html(xiaoji );
//							判断当前点击的有没有被选中 $(this).is('.select')
						var check=$(this).parents('.total').siblings('.tr-check').find('.checkbox');
						if(check.is('.select')){

//								写入属性用属性计算
							check.attr('xiaoji',xiaoji);
//								计算总金额
							var n=0;
							$.each($('.select'),function(){
								n+=parseInt($(this).attr('xiaoji'));
							})

//								写入总金额
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );
						}
//							发送异步

						var data={
							num:$(this).val(),
							sid:$(this).attr('sid'),
						}
						$.post("{{u('ajaxEdit')}}",data,function(res){
						},'json');
					})
//						点击单个按钮chebox添加一个class
					$('.tr-check .checkbox').click(function(){
						var anycheck=$(this).parents('.list_content_top_content').siblings('.list_content_top_header').find('.anycheck .quanxuan');
						if(anycheck.prop('checked',true)){
							anycheck.removeProp('checked')
						}
						if($(this).is('.select')){
							$(this).removeClass('select');
						}else{
							$(this).addClass('select');
						}
//								有这个class的元素将值相加
						if($(this).is('.select')){
							var xiaoji=$(this).parents('.tr-check').siblings('.totalxiaoji').find('b em').text();
//								写入属性用属性计算
							$(this).attr('xiaoji',xiaoji);
//								计算总金额
							var n=0;
							$.each($('.select'),function(){
								n+=parseInt($(this).attr('xiaoji'));
							})

//								写入总金额
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );
						}else {
//									写入属性用属性计算
							$(this).attr('xiaoji',0);
							var n=0;
							$.each($('.select'),function(){
								n+=parseInt($(this).attr('xiaoji'));
							})
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n);
							$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n);

						}
					})
//						顶部全选按钮
					$('.anycheck .quanxuan').click(function(){
						var check=$(this).parents('.list_content_top_header').siblings('.list_content_top_content').find('.tr-check .checkbox');
//							点击添加class
						if($(this).is('.che')){
							$(this).removeClass('che');
							check.addClass('select');
						}else{
							$(this).addClass('che');
							check.removeClass('select');
						}
						if($(this).is('.che')){

							check.addClass('select');
						}else{

							check.removeClass('select');
						}


						$(check).prop("checked", $(this).prop("checked"));
						var This=$(this);

						//发送异步计算全选时商品价格
						$.post("{{u('ajaxTotal')}}",{a:1},function(n){
							console.log(n);
							if(This.prop("checked")){
								This.parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n);
								This.parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n);
							}else{
								This.parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(0.00);
								This.parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(0.00);
							}
						});




					})
				})




			</script>


		</div>

	</div>

	<!--底部结算-->
	<div class="list_content_btom">
		<!--小清单-->
		<div class=" list_content_btom_list">
			<div class="list_content_btom_list_left anycheck ">
				<input type="checkbox" id="checkAll-buttom" name="" id="" class="quanxuan" value="" />
				<label class="vam" for="checkAll-buttom">全选</label>
				<a href="javascript:;"> 删除选中商品</a>

			</div>
			<!--右侧表格-->

			<div class="list_content_btom_list_right">
				<table border="0" cellspacing="0" cellpadding="0">

					<tr class="jine">
						<th>总计金额：</th>
						<td>￥<em>0.00</em></td>
					</tr>
					<tr  class="jine">
						<th>合计（不含运费）：</th>
						<td style="color: #E01D20; font-size: 16px;">￥<b style="color: #E01D20; font-size: 16px;">0.00</b></td>
					</tr>
				</table>
			</div>
		</div>
		<!--底部按钮-->
		<div class="list_content_btom_button">
			<a href="" class="settle_accounts">去结算</a>
			<a href="" class="continue">继续购物</a>
		</div>
	</div>
	<!--已经删除商品框-->
	<div class="romove_item">
		<div class="romove_item_top">
			<h3>已删除商品</h3>
			<table  cellspacing="0" cellpadding="0">
				<!--顶部、-->
				<tr>
					<th width="660">商品</th>
					<th width="142">数量</th>
					<th width="264"><em>小计（元）</em></th>
					<th width="133">操作</th>


				</tr>
				<!--内容-->
				<tr>
					<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
					<td width="142"> 1</td>
					<td width="264"> ￥456767</td>
					<td width="133"><a href="">重新购买</a></td>


				</tr>
				<!--内容-->
				<tr>
					<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
					<td width="142"> 1</td>
					<td width="264"> ￥456767</td>
					<td width="133"><a href="">重新购买</a></td>


				</tr>
				<!--内容-->
				<tr>
					<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
					<td width="142"> 1</td>
					<td width="264"> ￥456767</td>
					<td width="133"><a href="">重新购买</a></td>


				</tr>


			</table>
		</div>

	</div>


</div>




<!--***********************子类继承结束*****************************-->
<div class="public_footer">
	<!--五百强企业退货开始-->
	<div class="public_footer_slogan">
		<ul>
			<li>
				<i></i> 500强企业 品质保证
			</li>
			<li>
				<i></i> 500强企业 品质保证
			</li>
			<li>
				<i></i> 500强企业 品质保证
			</li>
			<li>
				<i></i> 500强企业 品质保证
			</li>

		</ul>
	</div>
	<!--售后服务、-->
	<div class="service">
		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>
		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>

		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>

		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>

		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>

	</div>
	<!--底部友情链接热门搜索-->
	<div class="public_footer_webset">
		<div class="webset_hotLink">
			<p>
				热门华为手机：
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>|
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>|
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>|
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>|
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>
		</div>
		<!--协议备案-->
		<div class="web_set_agreement">
			<p>
				<a href="">隐私政策 </a>
				<a href=""> 服务协议</a> email 115566633@sin.com</p>
			<p>
				<a href="">公安网备案555655969156</a>|增值电信业务许可证
				<a href="">网络文化许可118666146416</a>
			</p>
			<div class="webset_over">
				<p>
					<a href=""><img src="{{__ROOT__}}/resource/home/images/polic.png" /></a>
					<a href=""><img src="{{__ROOT__}}/resource/home/images/polic.png" /></a>
					<a href=""><img src="{{__ROOT__}}/resource/home/images/polic.png" /></a>

				</p>
			</div>

		</div>
	</div>
	<!--右侧定位点击回顶部-->
	<div class="Right_fixed">

		<a href=""></a>
		<a href=""></a>
		<a href=""></a>

	</div>

</div>

</body>

</html>

